<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">

    <!-- Mobile Specific 
    ========================================================================= -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=1" />

    <!-- Title Tag
    ========================================================================= -->
    <title>Hotec Hotel & Resort Template</title>

    <!-- Browser Specical Files
    ========================================================================= -->
    <!--[if lt IE 9]><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
    <!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    
    <!-- Site Favicon
    ========================================================================= -->
    <link rel="shortcut icon" href="#" title="Favicon" />

    <!-- WP HEAD
    ========================================================================= -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300' rel='stylesheet' type='text/css'>    
    <link rel="stylesheet" href="assets/css/layerslider.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="assets/css/flexslider.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/prettyPhoto.css">
    <link rel="stylesheet" href="assets/css/woocommerce-modify.css">
    <link rel="stylesheet" href="assets/css/skins/brown.css">

    <!-- Browser Specical File-->
    <!--[if IE 8]><link href="assets/css/ie8.css" rel="stylesheet" type="text/css" /><![endif]-->
    
    <!-- JavaScript -->
    <script src="assets/js/jquery-1.9.1.min.js"></script>
    <script src="assets/js/jquery.modernizr.js"></script>

</head>
<body>

<div class="body-outer-wrapper">
    <div id="body-wrapper" class="body-wrapper full-width-mode">
        
        <header id="header" class="header-container-wrapper">

            <div class="top-bar-outer-wrapper">
                <div class="top-bar-wrapper container">
                    <div class="row">
                        <div class="top-bar-left left">
                            <nav id="top-nav-id" class="top-nav slideMenu">
                                <ul>
                                    <li><a href="page-gallery.html">Photo Galleries</a></li>
                                    <li><a href="page-about-fullwidth.html">About Us</a></li>
                                    <li><a href="page-contact.html">Contact Us</a></li>
                                    <li><a href="#"><img class="iclflag" src="assets/images/flags/uk_.png" alt=""> English</a>
                                        <ul>
                                            <li><a href="#"><img class="iclflag" src="assets/images/flags/fr.png" alt=""> French</a></li>
                                            <li><a href="#"><img class="iclflag" src="assets/images/flags/de.png" alt=""> German</a></li>
                                            <li><a href="#"><img class="iclflag" src="assets/images/flags/vi.png" alt=""> Vietnamese</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="top-bar-right right">
                            <ul class="top-bar-contact">
                                <li class="top-bar-address">36 Wall Street, USA, <a href="page-contact.html">View on Map</a></li>
                                <li class="top-bar-phone">Call Us: <span>1-500-456-9875</span></li>
                                <!-- <li class="top-bar-mail"><a href="#">Reservation@hotec.com</a></li> -->
                            </ul>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div><!-- END .top-bar-wrapper -->
            </div> <!-- END .top-bar-outer-wrapper -->
            <div class="header-outer-wrapper">
                <div class="header-wrapper container">
                    <div class="row">
                        <div class="twelve columns b0">
                            <div class="header-left left">
                                <div class="logo-wrapper">
                                    <h1><a href="index.html"><img src="assets/images/logo.png" alt="Hotec Hotel Template"></a></h1>
                                </div>
                            </div>
                            <div class="header-right right">
                                <a href="#" id="primary-nav-mobile-a" class="primary-nav-close">
                                    <span></span>
                                    Main Navigation
                                </a>
                                <nav id="primary-nav-mobile"></nav>
                                <a href="page-reservation.html" class="btn btn_cyan"><i class="date_icon"></i> Reservation</a>
                                <nav id="primary-nav-id" class="primary-nav slideMenu">
                                    <ul>
                                        <li class="current-menu-item"><a href="javascript:void(0)">Home</a>
                                            <ul>
                                                <li><a href="index.html">LayerSlider - Default</a></li>
                                                <li><a href="index-flexslider.html">Flexslider</a></li>
                                                <li><a href="index-spa.html">Beauty Spa Demo</a></li>
                                                <li><a href="index-resort.html">Ski Resort Demo</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Rooms</a>
                                            <ul>
                                                <li><a href="page-rooms-2col.html">Rooms 2 Columns</a></li>
                                                <li><a href="page-rooms.html">Rooms 3 Columns</a></li>
                                                <li><a href="javascript:void(0)">Room Types</a>
                                                    <ul>
                                                        <li><a href="page-rooms.html#filter=.rooms">Double Rooms</a></li>
                                                        <li><a href="page-rooms.html#filter=.suites">Suites Rooms</a></li>
                                                        <li><a href="page-rooms.html#filter=.club">Club Rooms</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="single-room.html">Single Room</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Events</a>
                                            <ul>
                                                <li><a href="page-event-list.html">Events Lists</a></li>
                                                <li><a href="single-event.html">Single Event</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Pages</a>
                                            <ul>
                                                <li><a href="page-shortcodes.html">Shortcodes - Elements</a></li>
                                                <li><a href="javascript:void(0)">Page Layouts</a>
                                                    <ul>
                                                        <li><a href="page-about-fullwidth.html">Page Full Width</a></li>
                                                        <li><a href="page-contact-2.html">No Titlebar BG</a></li>
                                                        <li><a href="page-reservation.html">No Titlebar Title</a></li>
                                                        <li><a href="page-news.html">Sidebar on Right</a></li>
                                                        <li><a href="single-news-ls.html">Sidebar on Left</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Portfolio</a>
                                                    <ul>
                                                        <li><a href="page-portfolio-2col.html">Portfolio 2 Columns</a></li>
                                                        <li><a href="page-portfolio-3col.html">Portfolio 3 Columns</a></li>
                                                        <li><a href="single-portfolio.html">Portfolio Single</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Gallery</a>
                                                    <ul>
                                                        <li><a href="page-gallery-2col.html">Gallery 2 Columns</a></li>
                                                        <li><a href="page-gallery.html">Gallery 3 Columns</a></li>
                                                    </ul>
                                                </li>
                                                 <li><a href="javascript:void(0)">Gallery Types</a>
                                                    <ul>
                                                        <li><a href="page-gallery.html#filter=.hotel">Hotel</a></li>
                                                        <li><a href="page-gallery.html#filter=.rooms">Rooms & Suites</a></li>
                                                        <li><a href="page-gallery.html#filter=.dining">Dining</a></li>
                                                        <li><a href="page-gallery.html#filter=.wellness">Spa & Wellness</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="javascript:void(0)">Contact Layouts</a>
                                                    <ul>
                                                        <li><a href="page-contact.html">Contact Layout 1</a></li>
                                                        <li><a href="page-contact-2.html">Contact 2 - No Titlebar</a></li>
                                                    </ul>
                                                </li>
                                                <li><a href="page-contact.html">Location</a></li>
                                                <li><a href="page-404.html">404 Page</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">News & Promos</a>
                                            <ul>
                                                <li><a href="page-news.html">News - Right Sidebar</a></li>
                                                <li><a href="page-news-ls.html">News - Left Sidebar</a></li>
                                                <li><a href="single-news.html">News & Promos Single</a></li>
                                            </ul>
                                        </li>
                                        <li><a href="javascript:void(0)">Our Shop</a>
                                            <ul>
                                                <li><a href="page-shop.html">Shop</a></li>
                                                <li><a href="single-product.html">Single Product</a></li>
                                            </ul>
                                        </li>
                                    </ul>
                                </nav>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div><!-- END .header-wrapper -->
            </div><!-- END .header-outer-wrapper -->
        </header> <!-- END .header-container-wrapper -->

        <div class="slider-outer-wrapper">
            <div class="main_slider">
                <div id="layerslider" style="width: 100%; height: 500px; margin: 0px auto; ">

                    <div class="ls-layer" style="slidedirection: top; slidedelay: 7000; durationin: 1500; durationout: 1500; delayout: 500;">
                        <img src="http://placehold.it/2000x500/37B6BD/ffffff" class="ls-bg" alt="">
                        <div class="ls-s2 l1-s1 ls-s" style="padding:20px;background:rgba(0, 0, 0, 0.5);position:absolute;left:0px;top:80px;slidedirection : top; ">
                            <h1 style="margin:0px 0px 13px 0px;font-size:29px;color:#fff;text-transform: uppercase;font-weight: 900;letter-spacing: -1.2px;">Discreet Luxury & Oriental Harmony</h1>
                            <div style="color:#d2d2d2;font-size: 13px;font-style: italic;">Our 68 rooms and suites are wonderfully comfortable with a sleek décor.</div>
                        </div>

                    </div>

                    <div class="ls-layer" style="slidedelay: 6000;">

                        <img src="http://placehold.it/2000x500/80B500/ffffff" class="ls-bg" alt="">
                        <div class="ls-s2 l2-s1 ls-s" style="padding:20px;background:rgba(0, 0, 0, 0.5);position:absolute;left:0px;top:80px;slidedirection : top; ">
                            <h1 style="margin:0px 0px 13px 0px;font-size:29px;color:#fff;text-transform: uppercase;font-weight: 900;letter-spacing: -1.2px;">Where style and space come as standard</h1>
                            <div style="color:#d2d2d2;font-size: 13px;font-style: italic;">More experience than hotel Both a destination and a journey</div>
                        </div>

                    </div>

                    <div class="ls-layer" style="slidedelay: 7000; delayout: 500; transition2d: all;">

                        <img src="http://placehold.it/2000x500/74AEA1/ffffff" class="ls-bg" alt="">
                        <div class="ls-s2 l3-s1 ls-s" style="padding:20px;background:rgba(0, 0, 0, 0.5);position:absolute;left:0px;top:80px;slidedirection : top; ">
                             <h1 style="margin:0px 0px 13px 0px;font-size:29px;color:#fff;text-transform: uppercase;font-weight: 900;letter-spacing: -1.2px;">A taste of something special</h1>
                            <div style="color:#d2d2d2;font-size: 13px;font-style: italic;">Our outstanding choice of restaurants and bars has set new standards</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="shadow-box"></div>
        </div>

        <div class="main-outer-wrapper has-slider">
            <div class="main-wrapper container">
                <div class="row row-wrapper">
                    <div class="page-outer-wrapper">
                        <div class="page-wrapper twelve columns no-sidebar b0">
                            
                            <div class="row">
                                <div class="twelve columns b0">
                                    <div class="builder-item-wrapper builder-banners">
                                       <!--  <div class="builder-title-wrapper clearfix">
                                            <h3 class="builder-item-title">Our banner</h3>
                                        </div> -->
                                        <div class="builder-item-content row">
                                            <div class="banner-item-wrapper four columns">
                                                <div class="banner-item">
                                                    <div class="banner-details">
                                                        <h3 class="banner-title">hotec is the key to a wonderful stay</h3>
                                                        <a href="#" class="banner-more">View Hotel History +</a>
                                                    </div>
                                                    <img class="banner-image" src="http://placehold.it/500x261" alt="">
                                                </div>
                                            </div>
                                            <div class="banner-item-wrapper four columns">
                                                <div class="banner-item">
                                                    <div class="banner-details">
                                                        <h3 class="banner-title">Breakfast stay in a participating hotel</h3>
                                                        <a href="#" class="banner-more">View Details +</a>
                                                    </div>
                                                    <img class="banner-image" src="http://placehold.it/500x261" alt="">
                                                </div>
                                            </div>
                                            <div class="banner-item-wrapper four columns">
                                                <div class="banner-item">
                                                    <div class="banner-details">
                                                        <h3 class="banner-title">Check rates and make a reservation</h3>
                                                        <a href="#" class="banner-more">Make A Reservation +</a>
                                                    </div>
                                                    <img class="banner-image" src="http://placehold.it/500x261" alt="">
                                                </div>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div><!-- END .row -->
    
                            <div class="row">
                                <div class="twelve columns">
                                    <div class="divider"></div>
                                </div>
                            </div>
                            
                            <div class="row">
                                <div class="twelve columns">
                                    <div class="builder-item-wrapper builder-editor">
                                        <!-- <div class="builder-title-wrapper clearfix">
                                            <h3 class="builder-item-title">Salonand Day Spa</h3>
                                        </div> -->
                                        <div class="builder-item-content row">
                                            <div class="four columns b0 text-content">
                                                <!-- <img class="hotel-thumb" src="assets/temp/hotel-thumb.jpg" alt=""> -->
                                                <h1>WE GIVE AN “EXPERIENCE”.</h1>
                                                <p>Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.Eu tortor euismodolo. </p>
                                                <ul>
                                                    <li>Monday Closed</li>
                                                    <li>Tuesday 9 am - 8 pm</li>
                                                    <li>Wednesday 8 am - 8 pm</li>
                                                    <li>Thursday 10 am - 8 pm</li>
                                                    <li>Friday 8 am - 6 pm</li>
                                                    <li>Saturday 8 am - 4 pm </li>
                                                </ul>

                                                <!-- <img src="assets/images/hotel-sign.jpg" alt=""> -->
                                            </div>
                                            <div class="eight columns b0">
                                                <iframe src="http://player.vimeo.com/video/30000557?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="500" height="281" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
                                                <div class="video-shadow"></div>
                                            </div>
                                            <div class="clear"></div>
                                        </div>
                                    </div>
                                </div>
                            </div> <!-- END .row -->


                            <div class="row">
                                <div class="four columns">
                                    <div class="builder-item-wrapper builder-editor">
                                        <div class="builder-title-wrapper clearfix">
                                            <h3 class="builder-item-title">Beauty Spa Events</h3>
                                            <a href="page-event-list.html" class="view-all">View All →</a>
                                        </div>
                                        <div class="builder-item-content row">
                                            <div class="twelve columns b0">
                                                <ul class="upcoming-events">
                                                    <li>
                                                        <p class="small-event-data">
                                                            <strong>01</strong><a href="#"></a><span>Mar</span>
                                                        </p>
                                                        <a href="#" class="event-title">Bistro Classic Wine Dinner</a>
                                                        <span>at 9AM, Thursday 22th Feburary 2013</span>
                                                        <span><strong>$4.00 Per Person</strong></span>
                                                    </li>
                                                    <li>
                                                        <p class="small-event-data">
                                                            <strong>23</strong><a href="#"></a><span>Mar</span>
                                                        </p>
                                                        <a href="#" class="event-title">Barbaresco Piedmonte Wines</a>
                                                        <span>at ALL DAY, Thursday 22th Feburary 2013</span>
                                                        <span><strong>$4.00 Per Person</strong></span>
                                                    </li>
                                                    <li>
                                                        <p class="small-event-data">
                                                            <strong>31</strong><a href="#"></a><span>Mar</span>
                                                        </p>
                                                        <a href="#" class="event-title">Mother day sunday lunch</a>
                                                        <span>at ALL DAY, Thursday 22th Feburary 2013</span>
                                                        <span><strong>$14.95 per child under 12</strong></span>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="eight columns">
                                    <div class="builder-item-wrapper builder-editor">
                                        <div class="builder-title-wrapper clearfix">
                                            <h3 class="builder-item-title">LUXURY and BOUTIQUE HOTEL</h3>
                                        </div>
                                        <div class="builder-item-content row">
                                            <div class="twelve columns b0">
                                                <img alt="" src="http://placehold.it/170x240" class="hotel-thumb">
                                                <p>Laculis diam eu tortor euismodolo. Vestib ulum antipsum primis inicibu orci luctus edloret ultrices et posuere cubil sed odiocinialor it matis ed.</p>

                                                <p>Eu tortor euismodolo. Vestibulum ant psu meop primis inicibu orci luctus ed ultrices et posuere cubil. Cura sed quis nibhut odiocinialor matis ed iaculis ante sed vel laciniate. Eu tortor euismodolo. Vestibulum ant psu meop primis inicibu orci luctus ed ultrices et posuere cubil. Cura sed quis nibhut odiocinialor matis ed iaculis ante sed vel laciniate.</p>
                                                <!-- <img src="assets/images/hotel-sign.jpg" alt=""> -->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </div> <!-- END .row -->


                            
                        </div> <!-- END .page-wrapper -->
                        <div class="clear"></div>

                    </div> <!-- END .page-outer-wrapper -->
                </div>
            </div> <!-- END .main-wrapper -->

            
            <div class="subscribe_section">
                <form id="subscribe_form" method="post" action="">
                    <label for="email_subscribe">Sign up to receive Special Offers:&nbsp;&nbsp;</label>
                    <input type="text" placeholder="Enter your e-mail address" value="" name="email_subscribe" id="email_subscribe" class="subs_email_input">
                    <input type="submit" class="btn btn_default" value="Subscribe" name="">
                </form>
            </div>
            

        </div> <!-- END .main-outer-wrapper -->

        <footer id="footer" class="footer-outer-wrapper">
            <div class="footer-wrapper container">
                <div class="footer-columns row">
                    <div class="three columns">
                        <div class="widget-container">
                            <h3 class="widgettitle footer-widgettitle">Hotec Hotel LTD</h3>
                            <div class="widget-content">
                                <div class="footer-contact">
                                    <ul>
                                        <li class="f-map">107 Sandy Dr, Martinsburg <br>WV(West Virginia) 25404-5491, US</li>
                                        <li class="f-phone">Call Us: <span>1-500-456-9875</span></li>
                                        <li class="f-mail"><a href="#">Reservation@hotec.com</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                     <div class="three columns">
                        <div class="widget-container widget_nav_menu">
                            <h3 class="widgettitle footer-widgettitle">Site Links</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="#">Our Story</a></li>
                                    <li><a href="#">Sleep Program</a></li>
                                    <li><a href="#">Executive Travel Program</a></li>
                                    <li><a href="#">Enriched Wellness</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                     <div class="three columns">
                        <div class="widget-container widget_nav_menu">
                            <h3 class="widgettitle footer-widgettitle">Our Rooms</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="#">Superior Room</a></li>
                                    <li><a href="#">Deluxe Room</a></li>
                                    <li><a href="#">Business Room</a></li>
                                    <li><a href="#">Executive Corner Room</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                     <div class="three columns">
                        <div class="widget-container widget_nav_menu">
                            <h3 class="widgettitle footer-widgettitle">Our Services</h3>
                            <div class="widget-content">
                                <ul>
                                    <li><a href="#">Room services</a></li>
                                    <li><a href="#">Free internet Wifi</a></li>
                                    <li><a href="#">Television (50 channels)</a></li>
                                    <li><a href="#">Pets allowed</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="footer-copyright-wrapper row">
                    <div class="twelve columns">
                        <div class="footer-copyright">
                            <div class="copy-left left">
                                Copyright @ 2013 Hotec hotel ltd. All Rights Reserved
                            </div>
                            <div class="copy-social right">
                                <ul class="footer-social">
                                    <li class="stay_connected">Stay Connected</li>
                                    <li class="social-twitter"><a href="#" target="_blank">Twitter</a></li>
                                    <li class="social-facebook"><a href="#" target="_blank">Facebook</a></li>
                                    <li class="social-google-plus"><a href="#" target="_blank">Google Plus</a></li>
                                    <li class="social-youtube"><a href="#" target="_blank">Youtube</a></li>
                                    <li class="social-skype"><a href="#" target="_blank">Skype</a></li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div> <!-- END .footer-wrapper -->
        </footer> <!-- END .footer-outer-wrapper -->


    </div><!-- END .body-wrapper -->
</div><!-- END .body-outer-wrapper -->
    

    <!-- Javascript -->
    
    <script src="assets/js/ddsmoothmenu.js"></script>
    <script src="assets/js/purl.js"></script>
    <script src="assets/js/jquery.prettyPhoto.js"></script>
    <script src="assets/js/jquery.fitvids.js"></script>
    <script src="assets/js/jquery.imagesloaded.min.js"></script>
    <script src="assets/js/jquery.isotope.min.js"></script>

    <!-- Included LayerSlider -->
    <script src="assets/js/jquery-easing-1.3.js"></script>
    <script src="assets/js/jquery-transit-modified.js"></script>
    <script src="assets/js/layerslider.transitions.js"></script>
    <script src="assets/js/layerslider.kreaturamedia.jquery.js"></script>
    
    <script type='text/javascript'>
    /* <![CDATA[ */
    var FS = {"animation":"slide","pauseOnHover":"true","controlNav":"true","directionNav":"false","animationDuration":"500","slideshowSpeed":"5000","pauseOnAction":"false"};
    /* ]]> */
    </script>

    <script src="assets/js/jquery.flexslider.js"></script>
    <script src="assets/js/jquery-ui.datepicker.js"></script>
    <script src="assets/js/shortcodes.js"></script>
    <script src="assets/js/custom.js"></script>

</body>
</html>